.em-container {
  height: 100vh;
  display: flex;
  flex-direction: column;

  .top-header {
    display: flex;
    align-items: center;

    .em-search-bar {
      flex: 1
    }

    .text-button {
      width: 110rpx;
      background: none !important;
      border: none !important;
      padding: 0 !important;
      margin: 0 !important;
      line-height: inherit !important;
      color: #3051BE !important;
      display: flex;
      align-items: center;

      &::after {
        display: none !important;
        /* 去除小程序默认边框 */
      }

      &:active {
        opacity: 0.6;
      }


      font-size: 28rpx;

      .icon-1 {
        width: 30rpx;
        height: 30rpx;
        /* #ifdef h5 */
        vertical-align: -3rpx;
        /* #endif */

        /* #ifdef weapp */
        vertical-align: middle;
        /* #endif */
        margin-right: 5rpx;

      }
    }
  }

  .em-c-wrapper {
    flex: 1;
    overflow-y: auto;

    .em-c-top {
      display: flex;
      flex-direction: column;
      box-sizing: border-box;
      padding-left: 40rpx;
      padding-bottom: 40rpx;

      .e-c-t1 {
        font-size: 29rpx;
        font-weight: bold;
        color: #2F50BE;
        padding-bottom: 15rpx;
        padding-top: 15rpx;
        padding-left: 1em;

      }

      .e-c-v1 {
        padding: 15rpx 55rpx;
        border-top-left-radius: 20rpx;
        display: flex;
        align-items: center;
        background-color: #E3E8F7;

        .e-c-v2 {
          flex: 1;

          .e-c-t2 {
            display: inline-block;
            font-size: 25rpx;
            color: #6A6A6A;
            max-width: 340rpx;
          }
        }

        .e-c-v3 {
          padding-left: 50rpx;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;

          .e-c-t3 {
            font-size: 26rpx;
            color: #2360CA;
          }

          .e-c-t5 {
            color: #ED6D59;
          }

          .e-c-t4 {
            font-size: 24rpx;
            color: #9299AF;
          }
        }
      }
    }

    .mingxi-v1 {
      width: 100%;
      display: flex;
      align-items: center;
      position: relative;
      box-sizing: border-box;
      margin-top: 40rpx;
      margin-bottom: 30rpx;

      .text-button {
        width: 300rpx;
        text-align: right;
        white-space: nowrap;
        background: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: inherit !important;
        color: #3051BE !important;
        
        &::after {
          display: none !important;
          /* 去除小程序默认边框 */
        }
  
        &:active {
          opacity: 0.6;
        }
  
  
        font-size: 28rpx;
  
        .icon-1 {
          width: 30rpx;
          height: 30rpx;
          /* #ifdef h5 */
          vertical-align: -3rpx;
          /* #endif */
  
          /* #ifdef weapp */
          vertical-align: middle;
          /* #endif */
          margin-right: 5rpx;
  
        }
      }
      &::before {
        content: '';
        width: 7rpx;
        position: absolute;
        top: 0;
        bottom: 0;
        background-color: #2A71ED;
      }

      .mx-t1 {
        font-size: 28rpx;
        line-height: 1;
        padding-left: 0.6em;
        white-space: nowrap;
        padding-right: 1em;
        color: #3D3D3D;
      }

      .mx-line {
        width: auto;
        height: 1px;
        flex: 1;
        background-color: #D8D8D8;
        margin: 0 20rpx;
      }
    }

    .em-item-title {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .em-i-text {
        display: flex;
        align-items: center;

        .em-i-t1 {
          width: 39.93rpx;
          height: 39.93rpx;
        }

        .em-i-t2 {
          color: #4161CA;
          font-size: 40rpx;
          font-weight: bold;
          line-height: 1;
          white-space: nowrap;
        }

        .em-i-t3 {
          color: #9299AF;
          font-size: 24rpx;
          margin-left: 10rpx;
        }
      }

      .em-i-t4 {
        color: #969696;
        font-size: 23rpx;
      }
    }
  }

  .em-item-content {
    .em-i-c-v1 {
      display: flex;
      align-items: center;
      margin: 20rpx 0;

      .em-i-c-v1-img {
        width: 94.92rpx;
        height: 34.45rpx;
      }

      .em-i-c-v1-t1 {
        font-size: 26rpx;
        color: #2360CA;
        margin-left: 0.5em;
      }
    }

    .em-i-c-v1-t2 {
      font-size: 26rpx;
      color: #6A6A6A;
    }
  }
}

.tabs-bg {
  .at-tabs__header {
    background-color: #f9f9f9 !important;
  }

  .at-tabs__item-underline {
    width: 3em !important;
    left: calc(50% - 1.5em);
  }
}

.tabs-zhichu {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 27rpx;
  padding-top: 70rpx;
  margin-bottom: 30rpx;
  .zhichu-tab-item_inner {
    background-color: #DBE7FD;
    color: #2A71ED;
    line-height: 1;
    padding: 0.4em 1em;
    border-radius: 10rpx;
    margin: 0 37rpx;
  }

  .zhichu-tab-item_active {
    position: relative;
    padding-bottom: 10rpx;

    .zhichu-tab-item_inner {
      background-color: #2A71ED;
      color: #fff;
    }

    &::after {
      content: "";
      position: absolute;
      border-left: 10rpx solid transparent;
      border-right: 10rpx solid transparent;
      border-bottom: 11rpx solid #2A71ED;
      bottom: 0rpx;
      transform: rotate(180deg);
      left: calc(50% - 10rpx);
    }
  }
}

.plan-table {
  display: table;
  font-size: 25rpx;
  width: 100%;

  .plan-tr {
    display: table-row;
  }

  .plan-th {
    background-color: #F3F5FC;
    display: table-cell;
    color: #5080CB;
    padding: 10rpx 0;
    text-align: center;
    white-space: nowrap;
  }

  .plan-td {
    text-align: center;
    padding: 10rpx 0;
    border-bottom: 1px solid #D8D8D8;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    .weui-input{
      width: auto;
      max-width: 200rpx;
      margin: 0 atuo;
      display: inline-block;
    }
  }

  .plan-btn{
    width: 38rpx;
    height: 38rpx;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5rpx;
  }
}

.plan-title-box {
  display: flex;
  font-size: 25rpx;
  line-height: 1;
  justify-content: space-between;
  padding-bottom: 45rpx;
  .plan-title {
    position: relative;
    padding-left: 15rpx;
    display: flex;
    align-items: center;
    &::before {
      content: '';
      width: 7rpx;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      background-color: #2A71ED;
    }
  }

  .plan-add {
    image {
      width: 28rpx;
      height: 28rpx;
      margin-right: 10rpx;
    }
    text{
      vertical-align: 5rpx;
      line-height: 1;
    }
  }
}

.outer-container {
  padding: 0 30rpx;
  padding-bottom: 150rpx;
}
.m-20{
  margin-top: 50rpx;
  margin-bottom: 80rpx;
}

.om-list-note-i1{
  width: 207rpx;
  height: 156rpx;
  background-color: #ddd;
  margin-right: 20rpx;


  
}  

.om-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #333;
    .om-c-bottom{
      font-size: 24rpx;
      color: #333;
      .oln-label{
        width: 5em;
        display: inline-block;
      }
    }
  }


  